<template>
	<view class="banner-detail">
    <div style="padding: 0 10rpx">
      <u-parse :html="banner.content"></u-parse>
    </div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
        banner: {
          id: ''
        }
			}
		},
    onLoad({ id }) {
      this.banner.id = id
      this.getData()
    },
		methods: {
			getData() {
        this.$api.getBannerDetail({
          id: this.banner.id
        }).then(res => {
          this.banner = {
            ...res
          }
        })
      }
		}
	}
</script>

<style lang="scss">
.banner-detail {
  padding: 20px;
  .banner-title {
    text-align: center;
    margin-bottom: 20px;
  }
}
</style>
